/**
 * TreeSelect树选择：
 *  类似 Select 的选择控件，可选择的数据结构是一个树形结构时，可以使用 TreeSelect，例如公司层级、学科系统、分类目录等等。
 */
import { TreeSelect } from 'antd';
import React, { useState } from 'react';

export default function ProductTypeTable (props) {
  //点击分类下啦列表是会出发该操作，进行后续操作
  const onChange = (newValue) => {
    console.log(newValue);
  };

  //进行赋值操作
  const [treeLine] = useState(true);
  const [showLeafIcon] = useState(false);
  return (
    <div>
      <TreeSelect
        treeLine={
          treeLine && {
            showLeafIcon,
          }
        }
        onChange={onChange}
        style={{
          width: 300,
        }}
        treeData={props.dataSource}
      />
    </div>
  )
}
